<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  <meta name="renderer" content="webkit">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="format-detection" content="telephone=no"/>
  <link rel="shortcut icon" href="images/dzlogo.ico"/>
  <title>兄弟科技</title>
  <meta name="keywords" content="兄弟科技"/>
  <meta name="description" content="兄弟科技"/>
  <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="css/common.css">
  <link rel="stylesheet" type="text/css" href="css/swiper.min.css">
  <link rel="stylesheet" type="text/css" href="css/index.css">
  <link rel="stylesheet" type="text/css" href="css/style.css">

  <script src="js/jquery.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/swiper.min.js"></script>
  <script src="js/smoothScroll.js"></script>

  <script src="js/index.js"></script>

  <script>
    if (navigator.appName == 'Microsoft Internet Explorer' && (navigator.appVersion.match(/7./i) == '7.' || navigator.appVersion.match(/8./i) == '8.' || navigator.appVersion.match(/9./i) == '9.')) {
      self.location.href = 'ie/ie.html'
    }
  </script>
</head>

<body>

<!--  / header  -->
<div class="header hidden-xs">
  <div class="header_top clearfix">
    <div class="logo"><a href="index.html"><img src="images/logo.png" alt="" width="100%"></a></div>
    <!--<div class="home"><a href="index.html"><img style="margin-top: 10px;" src="images/home.png" alt="" width="100%"></a></div>-->
    <div class="phone">
      <h3>
        <span>股票代码：<i>002562</i></span>|
        <span>热线电话：<i>0573-87006612</i></span>
      </h3>
    </div>
  </div>
  <div class="header_bot">
    <ul class="clearfix">
      <li><a href="index.html">首页</a></li>
      <li>
        <a href="about.html">关于我们</a>
        <div class="nav_list">
          <div class="nav_top clearfix">
            <div class="som_nav">
              <h3><span></span>“兄弟创造美好生活”</h3>
            </div>
          </div>
          <div class="nav_bot clearfix">
            <div class="nav_left nav_left1">
              <h3>兄弟科技</h3>
            </div>
            <div class="nav_menu">
                <ul class="nav_type clearfix">
                  <li>
                    <a href="about.html#gsjj">公司介绍</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="about.html#jdjj">基地介绍</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="about.html#fzlc">发展历程</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="about.html#qywh">企业文化</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="about.html#ryzz">荣誉资质</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                </ul>
            </div>
          </div>
        </div>
      </li>
      <li>
        <a href="product.html">产品与服务</a>
        <div class="nav_list">
          <div class="nav_top clearfix">
            <div class="som_nav">
              <h3><span></span>“兄弟创造美好生活”</h3>
            </div>
          </div>
          <div class="nav_bot clearfix">
            <div class="nav_left nav_left1">
              <h3>兄弟科技</h3>
            </div>
            <div class="nav_menu">
                <ul class="nav_type clearfix">
                  <li>
                    <a href="product.html#wss">维生素事业部</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="product.html#pihua">皮化事业部</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="product.html#xiangliao">原料药事业部</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="product.html#xiangliao">香料事业部</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="product.html#mggs">制剂事业部</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                </ul>
            </div>
          </div>
        </div>
      </li>
      <li>
        <a href="develop.html">可持续发展</a>
        <div class="nav_list">
          <div class="nav_top clearfix">
            <div class="som_nav">
              <h3><span></span>“兄弟创造美好生活”</h3>
            </div>
          </div>
          <div class="nav_bot clearfix">
            <div class="nav_left nav_left1">
              <h3>兄弟科技</h3>
            </div>
            <div class="nav_menu">
                <ul class="nav_type clearfix">
                  <li>
                    <a href="develop.html">安全管理</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="develop.html">环保管理</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="develop.html">研发创新</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="develop.html">质量管理</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="develop.html">社会责任与公益</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                </ul>
            </div>
          </div>
        </div>
      </li>
      <li>
        <a href="culture.html">投资者关系</a>
        <div class="nav_list">
          <div class="nav_top clearfix">
            <div class="som_nav">
              <h3><span></span>“兄弟创造美好生活”</h3>
            </div>
          </div>
          <div class="nav_bot clearfix">
            <div class="nav_left nav_left1">
              <h3>兄弟科技</h3>
            </div>
            <div class="nav_menu">
                <ul class="nav_type clearfix">
                  <li>
                    <a href="culture.html#tzzgx">公司公告</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="culture.html#tzzgx">投资者互动</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="culture.html#lxwm">联系我们</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                </ul>
            </div>
          </div>
        </div>
      </li>
      <li>
        <a href="resources.html">人力资源</a>
        <div class="nav_list">
          <div class="nav_top clearfix">
            <div class="som_nav">
              <h3><span></span>“兄弟创造美好生活”</h3>
            </div>
          </div>
          <div class="nav_bot clearfix">
            <div class="nav_left nav_left1">
              <h3>兄弟科技</h3>
            </div>
            <div class="nav_menu">
                <ul class="nav_type clearfix">
                  <li>
                    <a href="resources.html#zyfz">职业发展</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="resources.html#xlfz">训练与发展</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="resources.html#zwzp">职位招聘</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                   <li>
                    <a href="resources.html#ygfc">员工风采</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                </ul>
            </div>
          </div>
        </div>
      </li>
    </ul>
  </div>

</div>
<!--  / header  -->
<!--  / 移动端  -->
<header class="phone visible-xs">
  <div class="headerbg">
    <div class="menu_box">
      <div class="container">
        <div class="logo_boxlist"><a href="index.html"><img src="images/logo.png" style=" width:100%;"></a></div>
        <div class="containeritem">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" aria-expanded="false"><span class="sr-only"></span>
              <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button>
          </div>
          <div class="collapse navbar-collapse" id="header-nav">
            <ul class="nav navbar-nav">
              <li><a href="index.html">首页</a></li>
              <li><a href="about.html">关于我们</a></li>
              <li><a href="product.html">产品与服务</a></li>
              <li><a href="develop.html">可持续发展</a></li>
              <li><a href="resources.html">投资者关系</a></li>
              <li><a href="culture.html">人力资源</a></li>
            </ul>
          </div>
        </div>
        <div class="clear"></div>
      </div>
    </div>
    <nav></nav>
  </div>
</header>
<!--  / 移动端  -->

<!--  / banner  -->
<div class="banner">
  <img src="images/product_inner_03.jpg" alt="">
</div>
<!--  / banner  -->

<!--  / warpper  -->
<div class="warpper">
  <div class="product_inner_sec1">
    <div class="product_inner_sec1_box">
      <div class="product_inner_sec1_nav">
        <ul>
          <li class="active">
            <h4>系列一</h4>
            <h3>加脂剂系列</h3>
          </li>
          <li>
            <h4>系列二</h4>
            <h3>鞣剂系列</h3>
          </li>
          <li>
            <h4>系列三</h4>
            <h3>助剂系列</h3>
          </li>
        </ul>
      </div>
      <div class="product_inner_sec1_contact">
        <p><img src="images/contact.png" alt="" />联系我们</p>
        <ul class="product_inner_sec1_contactList">
          <li><img src="images/phone3.png" alt="" />123456789</li>
          <li><img src="images/email.png" alt="" />123456789@qq.com</li>
          <li><a href="culture.html#lxwm">更多 >></a></li>
        </ul>
      </div>
    </div>
  </div>
  <div class="product_inner_sec2">
    <div class="product_inner_sec2_box">
      <ul>
        <li>
          <a href="product_detail.html">
            <div class="product_inner_sec2_inner clearfix">
              <div class="product_inner_sec2_inner_l">
                <div class="product_inner_sec2_inner_l_inner">
                    <h4>FOA鱼油</h4>
                    <h3>加脂剂</h3>
                </div>
              </div>
              <div class="product_inner_sec2_inner_m">
                <h5>适合各类皮革的加脂，尤其推荐用于纳帕类软革，如纳帕鞋面革、纳帕箱包革、包袋革、筒靴革、软家具革、Floater革等</h5>
                <h6><span>主要成分</span>氧化亚硫酸化鱼油</h6>
              </div>
              <div class="product_inner_sec2_inner_r">
                <p class="more_btn">
                  More 
                  <span>
                    <img src="images/more.png" alt="">
                    <img src="images/more2.png" alt="">
                  </span>
                </p>
              </div>
            </div>
          </a>
        </li>
        <li>
          <a href="product_detail.html">
            <div class="product_inner_sec2_inner clearfix">
              <div class="product_inner_sec2_inner_l">
                <div class="product_inner_sec2_inner_l_inner">
                    <h4>SA软革</h4>
                    <h3>加脂剂</h3>
                    <h5>（BROSOL博柔素）</h5>
                </div>
              </div>
              <div class="product_inner_sec2_inner_m">
                <h5>非常适合生产各类服装革、家具革、纳帕类软革以及软鞋面革的加脂剂产品，加脂后的皮革具有非常柔软和舒适的手感</h5>
                <h6><span>主要成分</span>亚硫酸化合成油与天然油的复合物</h6>
              </div>
              <div class="product_inner_sec2_inner_r">
                <p class="more_btn">
                  More 
                  <span>
                    <img src="images/more.png" alt="">
                    <img src="images/more2.png" alt="">
                  </span>
                </p>
              </div>
            </div>
          </a>
        </li>
        <li>
          <a href="product_detail.html">
            <div class="product_inner_sec2_inner clearfix">
              <div class="product_inner_sec2_inner_l">
                <div class="product_inner_sec2_inner_l_inner">
                    <h4>SC</h4>
                    <h3>加脂剂</h3>
                    <h5>（BROSOL博柔素）</h5>
                </div>
              </div>
              <div class="product_inner_sec2_inner_m">
                <h5>适用于所有类型皮革的加脂，尤其是绒面、服装、纳帕、家具以及软鞋面革和二层革。</h5>
                <h6><span>主要成分</span>基于特别处理的亚硫酸化天然油脂加脂剂</h6>
              </div>
              <div class="product_inner_sec2_inner_r">
                <p class="more_btn">
                  More 
                  <span>
                    <img src="images/more.png" alt="">
                    <img src="images/more2.png" alt="">
                  </span>
                </p>
              </div>
            </div>
          </a>
        </li>
        <li>
          <a href="product_detail.html">
            <div class="product_inner_sec2_inner clearfix">
              <div class="product_inner_sec2_inner_l">
                <div class="product_inner_sec2_inner_l_inner">
                    <h4>NS</h4>
                    <h3>加脂剂</h3>
                    <h5>（BROSOL博柔素）</h5>
                </div>
              </div>
              <div class="product_inner_sec2_inner_m">
                <h5>通常结合其它加脂剂一起使用，适用于不同类型、不同软度的皮革的加脂。一般参考用量为削匀皮重的2～5%。</h5>
                <h6><span>主要成分</span>亚硫酸化天然油脂</h6>
              </div>
              <div class="product_inner_sec2_inner_r">
                <p class="more_btn">
                  More 
                  <span>
                    <img src="images/more.png" alt="">
                    <img src="images/more2.png" alt="">
                  </span>
                </p>
              </div>
            </div>
          </a>
        </li>
        <li>
          <a href="product_detail.html">
            <div class="product_inner_sec2_inner clearfix">
              <div class="product_inner_sec2_inner_l">
                <div class="product_inner_sec2_inner_l_inner">
                    <h4>HFK</h4>
                    <h3>加脂剂</h3>
                    <h5>（BROSOL博柔素）</h5>
                </div>
              </div>
              <div class="product_inner_sec2_inner_m">
                <h5>适用于各类皮革的加脂，尤其是软革类鞋面革、打腊、抛光、打光革等的加脂，建议参考用量3～5%</h5>
                <h6><span>主要成分</span>亚硫酸化牛蹄油与磺化植物油的复合物</h6>
              </div>
              <div class="product_inner_sec2_inner_r">
                <p class="more_btn">
                  More 
                  <span>
                    <img src="images/more.png" alt="">
                    <img src="images/more2.png" alt="">
                  </span>
                </p>
              </div>
            </div>
          </a>
        </li>
      </ul>
    </div>
    <nav class="page">
      <ul class="pagination">
        <li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li>
        <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
        <li><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li>
      </ul>
    </nav>
  </div>
</div>
<!--  / warpper  -->

<!--  / footer  -->
<div class="footer hidden-xs">
  <div class="footerwarp">
    <div class="footernav">
      <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-6">
          <ul class="clearfix">
            <li><a href="index.html">首页</a></li>
            <li><a href="about.html">关于我们</a></li>
            <li><a href="product.html">产品与服务</a></li>
            <li><a href="develop.html">可持续发展</a></li>
            <li><a href="resources.html">投资者关系</a></li>
            <li><a href="culture.html">人力资源</a></li>
          </ul>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6">
          <div class="footer-zx">
            <div class="footer-phone"><img src="images/mail.png">marketing@byzjbyq.com</div>
            <a href="javascript:;">
              <img src="images/zxkf.png" alt="">
              <span>咨询在线客服</span>
            </a>
          </div>
        </div>
      </div>
    </div>
    <div class="footercopy">
      <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-6">
          <div class="footerlogo">
            <img src="images/logo.png" alt="">
          </div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6">
          <div class="copy hidden-xs">Copyright 2018 © <span>兄弟科技</span> All Rights Reserved.</div>
          <div class="copy visible-xs">Copyright 2018 © <span>兄弟科技</span></div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="footer visible-xs">
  <div class="copy visible-xs">Copyright 2018 © <span>兄弟科技</span></div>
</div>
<!--  / footer  -->
</body>

<script>
  $(function () {
    $(".header_bot > ul > li").on('mouseenter', function() {
        $(this).find('.nav_list').stop(true).slideDown(400)
    })

    $(".header_bot > ul > li").on('mouseleave', function() {
        $(this).find('.nav_list').stop(true).slideUp(400)
    })
    
    $('body').on('click', '.product_inner_sec1_box ul li', function () {
      $(this).addClass('active').siblings().removeClass('active')
    })

    $('body').on('click','.product_inner_sec1_contact p',function(){
      $('.product_inner_sec1_contactList').slideToggle()
    })
  })

  $(window).load(function () {


    
    $("html,body").animate({scrollTop:0},0)
    var url = window.location.toString();
    var id = url.split("#")[1];
    if(id && id!=""){ 
      if($("#"+id).length>0){
        var t = $("#"+id).offset().top-150;
        $("html,body").animate({scrollTop:t},1000)
      }
    }

    $('a').click(function(){
      if($(this).attr("href") && $(this).attr("href").split("#")[1]){
        var a=$(this).attr("href").split("#")[1];
        var p=$("#"+a).offset().top-150;
        $("html,body").animate({scrollTop:p},1000);
      }
    })
  })

  $(window).resize(function () {
    
  })

  setTimeout(function () {
    $('.banner').addClass('active')
  }, 300)
  $(window).scroll(function () {
    var h = $(window).scrollTop()
    if (h > $('.header_top').outerHeight(true)) {
      $('.header_top').stop().slideUp()
      
    } else {
      $('.header_top').stop().slideDown()
    }
  })
</script>
</html>
